<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
  <head>
    <base href="<%=basePath%>">
    
   	<title>TreeHole Admin</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="cache">
	<meta http-equiv="expires" content="0">    
	
	<link type="text/css" href="${pageContext.request.contextPath }/css/global.css" rel="stylesheet" />
	<link type="text/css" href="${pageContext.request.contextPath }/css/accordion.css" rel="stylesheet" />
	<link type="text/css" href="${pageContext.request.contextPath }/css/dialog.css" rel="stylesheet" />
	
	<script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery-1.6.2.js"></script>
	<script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery-ui-1.8.16.custom.js"></script>
	<script type="text/javascript" src="${pageContext.request.contextPath }/js/clock.js"></script>
	<script type="text/javascript" src="${pageContext.request.contextPath }/js/dialog.js"></script>
	<script type="text/javascript">
	$(function() {
		var icons = {
			header : "ui-icon-circle-arrow-e",
			headerSelected : "ui-icon-circle-arrow-s"
		};
		$("#accordion").accordion({
			icons : icons
		});
		$("#toggle").button().toggle(function() {
			$("#accordion").accordion("option", "icons", false);
		}, function() {
			$("#accordion").accordion("option", "icons", icons);
		});
	});
	</script>

  </head>
  
  <body onload="startTime();">
	<div id="page">
		<div id="header">
			<div id="logo">
				<img src="${pageContext.request.contextPath }/images/logo.png" alt="LOGO" />
			</div>
			<div id="bar">
				Hi, ${user.nick } !
				<a href="#"><span style="color: #CCCCFF;">0</span> 新 信息</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
				<ul>
					<li id="clock"></li>
					<li><a id="dialog" href="javascript:void(0)">设置</a></li>
					<li><a href="admin_logout.do">退出</a></li>
				</ul>
			</div>
		</div>
		<div id="content">
			<div id="menu">
				<div id="accordion">
					<h3><a href="javascript:void(0);">系统菜单</a></h3>
					<div>
						<ul>
							<li><a href="javascript:void(0);" onclick="document.getElementById('mainIframe').src='${pageContext.request.contextPath }/pages/user_list.do'">用户管理</a></li>
							<li><a href="javascript:void(0);" onclick="document.getElementById('mainIframe').src='${pageContext.request.contextPath }/pages/role_list.do'">角色管理</a></li>
							<li><a href="javascript:void(0);" onclick="document.getElementById('mainIframe').src='${pageContext.request.contextPath }/pages/resource_list.do'">资源管理</a></li>
						</ul>
					</div>
					<h3><a href="javascript:void(0);">日常管理</a></h3>
					<div>
						<ul>
							<li><a href="javascript:void(0);">回复检查</a></li>
							<li><a href="javascript:void(0);">Message检查</a></li>
							<li><a href="javascript:void(0);">系统资源管理</a></li>
						</ul>
					</div>
				</div>
			</div>
			
			<div id="cont">
				<iframe frameborder="no" style="border: none;margin: 0;padding: 0;" name="mainIframe" id="mainIframe" width="100%" height="520px" scrolling="no" src="${pageContext.request.contextPath }/pages/mainIframe.jsp"></iframe>
			</div>
		</div>
		<div class="nav"></div>
		<div id="footer">
			<div id="copyright">
			© SCAU 树洞 2010. All rights reserved. 
			</div>
		</div>
	</div>
	<jsp:include page="/pages/UserEdit.jsp"></jsp:include>
	<script type="text/javascript">
		$("a").mouseup( function() {
			$("a").removeClass("active-a");
			$(this).addClass("active-a");
		});
	</script>
</body>
</html>
